@media only screen and (max-width: 3840px),
only screen and (max-device-width:3840px) {
    html,
    body {
        font-size: 48px;
    }
}

@media only screen and (max-width: 2560px),
only screen and (max-device-width:2560px) {
    html,
    body {
        font-size: 32px;
    }
}


@media only screen and (max-width: 1920px),
only screen and (max-device-width:1920px) {
    html,
    body {
        font-size: 24px;
    }
}


@media only screen and (max-width: 1440px),
only screen and (max-device-width:1440px) {
    html,
    body {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1366px),
only screen and (max-device-width:1366px) {
    html,
    body {
        font-size: 17.75px;
    }
}

@media only screen and (max-width: 1280px),
only screen and (max-device-width:1280px) {
    html,
    body {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px),
only screen and (max-device-width:1200px) {
    html,
    body {
        font-size: 23.04px;
    }
}

@media only screen and (max-width: 1024px),
only screen and (max-device-width:1024px) {
    html,
    body {
        font-size: 19.6608px;
    }
}


/*布局*/

* {
    /* font-family: 'Microsoft YaHei'; */
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.i-xy-start,
.i-yx-start {
  display: inline-flex;
  align-items: center;
  justify-content: start;
}

.i-yx-start {
  flex-direction: column;
}

.xy-start,
.yx-start {
  display: flex;
  justify-content: start;
  align-items: center;
}
.yx-start {
  flex-direction: column;
}

.i-xy-center,
.i-yx-center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.i-yx-center {
    flex-direction: column;
}

.xy-center,
.yx-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yx-center {
    flex-direction: column;
}

.i-xy-between,
.i-yx-between {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.i-yx-between {
    flex-direction: column;
}

.xy-between,
.yx-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flexWarp {
    flex-wrap: wrap;
}
.flex-wrap {
    flex-wrap: wrap;
}
.yx-between {
    flex-direction: column;
}

.al-self-start {
    align-self: flex-start;
}

.jf-start {
    justify-content: flex-start;
}

.jf-end {
    justify-content: flex-end;
}

.al-start {
    align-items: flex-start;
}

.al-end {
    align-items: flex-end;
}

.al-str {
    align-items: stretch;
}

.auto-grow {
    flex-grow: 1;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.hidden {
    display: none;
}

.no-wrap-text {
    white-space: nowrap;
}

.one-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.two-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.three-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.four-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.third-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-center {
    text-align: center;
}

.pointer {
    cursor: pointer;
}

.wait {
    cursor: wait;
}

.no-mouse {
    cursor: not-allowed;
}

.garden {
    border-radius: 50%;
}


/* 这个是设置a标签的默认状态去除下划线 */

a {
    text-decoration: none;
}


/* 这个是设置a标签的访问过后的状态去除下划线 */

a:visited {
    text-decoration: none;
}


/* 这个是设置a标签的鼠标覆盖状态去除下划线 */

a:hover {
    text-decoration: none;
}


/* 这个是设置a标签的活跃状态去除下划线 */

a:active {
    text-decoration: none;
}


/*其他*/

.border-radius-box {
    border-radius: 0.5rem;
}

.bold {
    font-weight: bold;
}

.left-title {
    margin-right: 0.33rem;
}

.member-header {
    border-radius: 50%;
    overflow: hidden;
}

.fontSize5 {
    font-size: 0.5rem;
}

.fontSize53 {
    font-size: 0.53rem;
}

.fontSize58 {
    font-size: 0.58rem;
}

.fontSize67 {
    font-size: 0.67rem;
}

.fontSize75 {
    font-size: 0.75rem;
}

.fontSize76 {
    font-size: 0.76rem;
}

.fontSize83 {
    font-size: 0.83rem;
}

.fontSize92 {
    font-size: 0.92rem;
}
.fontSize1 {
    font-size: 1rem;
}
.fontSize125 {
    font-size: 1.25rem;
}
.fontSize15 {
    font-size: 1.5rem;
}

.p {
    line-height: 0.75rem;
}

.textCenter {
    text-align: center;
}

.textJustify {
    text-align: justify;
}

.FW600 {
    font-weight: 600;
}

.FW300 {
    font-weight: 300;
}

.bgColor666 {
    background: #666;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.between {
    display: flex;
    justify-content: space-between;
}

.FW600 {
    font-weight: 600;
}

.padding-1rem {
    padding: 1rem;
}

.positionAbsolute {
    position: absolute
}

.positionRelative {
    position: relative
}

.radius04 {
    border-radius: 0.04rem;
}

.radius08 {
    border-radius: 0.08rem;
}

button {
    outline: none;
}
.select-none{
    user-select: none;
}
